<script setup lang="ts">
const money = 100;
const str = "xxx";
const imgIntro = "aaa";
</script>

<template>
  <!-- 插值表达式 {{}}  只要有结果即可 -->
  <div>{{ money }}</div>
  <div>{{ money + 100 }}</div>
  <div>{{ money >= 100 ? "x" : "1" }}</div>
  <div>{{ str }}</div>
  <div>{{ str.toUpperCase() }}</div>
  <!-- 错误 用法
  如果变量或者常量没有定义，则不能在里面使用
  -->
  <!-- <div>{{ intro }}</div> -->
  <!-- 不能出现关键字如if for等等 -->
  <!-- <div>{{ for }}</div> -->

  <!-- 不能在标签属性中使用{{}}进行插值 -->
  <img src="" alt="{{imgIntro}}" />
</template>

<style scoped></style>
